<template>
   <van-row type="flex" justify="space-between">
  <van-col span="2"><img @click="funhref" class="img1" src="" alt=""></van-col>
  <van-col span="18">
    <van-search
        v-model="value" shape="round" background="#fff" placeholder="请输入搜索关键词"/>
           </van-col>
  <van-col class="txt" span="4"><van-button type="primary">搜索</van-button></van-col>
</van-row>
</template>

<script>
export default {
    data() {
    return {
      value: '',
    };
  },
  methods:{
    funhref(){
      this.$router.push("/jingdong");
    }
  }
}
</script>

<style scoped>
.van-row{
    width: 100vw;
    background: #fff;
    height: 11.7333vw;
    align-items: center;
    margin-bottom: .5333vw;
}
.van-col{
  text-align: center;
}
.img1{
    width: 5.3333vw;
    height: 4.8vw;
    vertical-align: middle;
}
.van-search{
    width:100%;
    height:8vw;
}
.van-button{
    width: 10.6667vw;
    height: 7.3vw;
    font-size: 3.7333vw;
    padding: 0;
    background: rgb(239, 58, 58);
    border-radius: 1.0667vw;
}
</style>